<template>
  <div class="list">
    <div class="area">
      <div class="title border-topbottom">当前城市</div>
    </div>
    <div class="area">
      <div class="title border-topbottom">热门城市</div>
    </div>
    <div class="area">
      <div class="title border-topbottom">A</div>
      <div class="item-list">
        <div class="item">阿拉尔</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'defaultName',
}
</script>

<style scoped lang=''>
  @import '~styles/varibles.styl'

  .border-topbottom
    &:before
      border-color: #ccc
    &:after
      border-color: #ccc
  .border-bottom
    &:before
      border-color: #ccc
  .list
    .title
      line-height .54rem
      background #eee
</style>
